<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>video</title>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
<link rel="stylesheet" href="css/mui.min.css"/>
<link rel="stylesheet" href="css/icons-extra.css"/><!--拓展字体1-->
<link rel="stylesheet" href="css/icomoon.css"/><!--拓展字体2-->
<link rel="stylesheet" href="css/style.css"/><!--自定义样式-->
<link rel="stylesheet" href="//g.alicdn.com/de/prismplayer/2.7.2/skins/default/aliplayer-min.css"/>
<script type="text/javascript" src="js/mui.min.js"></script>
<script type="text/javascript" src="//g.alicdn.com/de/prismplayer/2.7.2/aliplayer-min.js"></script>
<script type="text/javascript" src="js/config.js"></script><!--自定义脚本-->
<script type="text/javascript" src="js/common.js"></script><!--自定义脚本-->
</head>
<body>
<div class="dry-top-category">
    <div class="mui-content">
        <div class="mui-segmented-control mui-segmented-control-inverted">
            <a class="mui-control-item mui-active">推荐</a>
            <a class="mui-control-item">相声</a>
            <a class="mui-control-item">小品</a>
            <a class="mui-control-item">MV</a>
            <a class="mui-control-item" id="videoMore">更多</a>
        </div>
    </div>
</div>
<div id="pullRefreshContainer" class="mui-content mui-scroll-wrapper">
    <div id="itemBox" class="mui-scroll"></div>
</div>
<script type="text/javascript">
var pullRefreshContainerId = '#pullRefreshContainer';

function reBindEventForPage()
{
    mui(".mui-card").on("tap", ".dry-go-detail", function(){
        openWindowWithRightButton('video_detail.html', '这里只能显示十个汉字');
    });
}

mui.init();
initPullRefresh(pullRefreshContainerId, pullUpRefreshVideoCallback, pullDownRefreshVideoCallback);

//单个元素的事件监听
document.getElementById("videoMore").addEventListener("tap", function(){
    openWindow("video_more.html");
});
</script>
</div>
</body>
</html>
